<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]A Rookie</title>
    <link rel="shortcut icon" href="assets/images/titleicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
</head>

<body>

    <header class="header">期中项目</header>

    <article class="container">
        <section class="side" id="side">

            <!-- 左栏固定开关，记得及时删除这段代码 Start-->
            <label class="switch" style="display: none;" onchange="switchFixed()">
                <script type="text/javaScript">
                    function switchFixed(){
                        var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
                        document.getElementById('side').style.position = value;
                    }
                </script>
                <input id="cb" type="checkbox">
                <span class="slider round"></span>
            </label>
            <style>
                @media (min-width: 	750px){
                    .switch{position:relative;display:inline-block!important;width:60px;height:34px;}
                    .switch input{display:none;}
                    
                    input:checked + .slider{background-color:#1abc9c;}
                    input:focus + .slider{box-shadow:0 0 1px #1abc9c;}
                    input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}.slider.round{border-radius:34px;}
                    .slider.round:before{border-radius:50%;}
                }
            </style>
            <!-- 左侧固定开关，记得及时删除这段代码 End-->

            <!-- 个人肖像 -->
            <section class="me">
			<img class="avatar" src="assets/images/touxiang.jpg" style="max-width:50%" onload="loading()">
                <section class="portrait">
                    
					<img class="avatar" src="assets/images/touxiang.jpg" style="max-width:100%" onload="loading()">
                </section>

                <h1 class="name">何健豪</h1>
                <h4 class="info-job">学生 / 中国广州</h4>

            </section>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
                    <i class="fa fa-user-circle-o" aria-hidden="true"></i>基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>何健豪 / 男 / 18岁半</span>
                    </li>
                    <li>
                        <label>英语水平</label>
                        <span>ABCD字母歌</span>
                    </li>
                    <li>
                        <label>计算机水平</label>
                        <span>熟练操作电脑开关机</span>
                    </li>
                </ul>
            </section>

            <!-- 联系方式 -->
            <section class="contact info-unit">
                <h2>
                    <i class="fa fa-phone" aria-hidden="true"></i>联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <a href="tel:16620024714" target="_blank">NONE</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="maxifueX@gmail.com" target="_blank">maxifueX@gmail.com</a>
                    </li>
                </ul>
            </section>

            <!-- 技能点 -->
            <section class="skill info-unit">
                <h2>
                    <i class="fa fa-line-chart" aria-hidden="true"></i></i>技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>HTML</label>
                        <progress value="6" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="4" max="100"></progress>
                    </li>
                    <li>
                        <label>Eating</label>
                        <progress value="100" max="100"></progress>
                    </li>
                    <li>
                        <label>Sleeping</label>
                        <progress value="100" max="100"></progress>
                    </li>
                </ul>
            </section>

            <section class="qrcode info-unit">
                <h2><i class="fa fa-qrcode" aria-hidden="true"></i>二维码</h2>
                <hr/>
                <img src="assets/images/qrcode.jfif" style="width: 100%;" alt="">
            </section>

            <!-- 技术栈 -->
           <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    熟练装配主机<br>了解BIOS<br>精通CPU超频、内存超频
                </div>
        </section>

        <section class="main">
<main>
            <!-- 教育经历 -->
            <section class="edu info-unit">
                <h2>
                    <i class="fa fa-address-card" aria-hidden="true"></i>教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span><a href="http://www.nfu.edu.cn/">中山大学南方学院</a>网络与新媒体专业在读</span>
                            <time>1980.9-2020.7</time>
                        </h3>
                        <p>专业排名
                            <mark>99/100</mark><br>受邀在家观看奥运会与亚运会开幕式表演2次<br>受邀在家观看阅兵典礼3次</p>
                    </li>
                    <!--i>
                        <h3>
                            <span>XXXX大学 - XXX专业（本科）</span>
                            <time>201X.9-201X.7</time>
                        </h3>
                        <p>专业排名
                            <mark>X/XX</mark>，期间发表国内核心期刊文章X篇，三等奖学金X次。</p>
                    </li-->
                </ul>
           

            <!-- 工作经历 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-steam" aria-hidden="true"></i><a href="https://store.steampowered.com/">游戏经历</a></h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[经历1]<a href="https://store.steampowered.com/app/233270/Far_Cry_3__Blood_Dragon/">FAR CRY 5</a>完美通关</span>
                            <time>2019.6 - 2019.9</time>
                        </h3>
                        <ul class="info-content">
                            <li>有创新，但力度不足。美丽的蒙大拿风光，充满美国乡土风味的冒险，编辑模式是本体
                                </li>
                            <li>没有太大的创新，少数Bug会导致卡流程，队友AI实在<mark>太蠢</mark>。</li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[经历2]Grand Theft Auto V游戏时长超200小时</span>
                            <time>2016.6 - 2019.9</time>
                        </h3>
                        <ul class="info-content">
                            <li>《GTA5》不仅是上手即可享受乐趣的电子游戏，而且也是对于时下美国文化的狡黠辛辣讽刺。它代表了5年前《侠盗猎车4》带来的所有内容并进行全方面加强。在所有可被感知的元素上，《GTA5》全都达到了更高的成就，而且它的设计本身也很有野心。没有哪款游戏的场景地图能够达到这样的规模和尺寸，而且它幽默与暴力的背后是辛辣的睿智。它讲述了一段引人入胜、出乎意料、发人深省的剧情，而剧情故事线却不干扰玩家在San Andreas的自由冒险。这是史上最棒电子游戏之一。
                               </li>
                            <li>《GTA5》是一款无可争议的PC大作，无论是剧情、操作、地图、细节操作、画面优化。《GTA5》都无可挑剔。它无愧于无数玩家的期待，并且还带着不少的惊喜。呈现在玩家们面前的是一款精致的游戏作品，这不是那些打情怀牌、炒冷饭的开发商所能比的。</li>
                            <li>其实我并<mark>没有</mark>玩过。</li>
                            <li>
                                <a href="https://baike.baidu.com/item/%E4%BE%A0%E7%9B%97%E7%8C%8E%E8%BD%A6%E6%89%8B5/9308517?fromtitle=GTA5&fromid=7077445&fr=aladdin" target="_blank">
                                    <i class="fa fa-link" aria-hidden="true"></i>百度百科</a>。</li>
                        </ul>
                    </li>
                </ul>
            </section>

            <!-- 项目经验 -->
            <section class="project info-unit">
                <h2>
                    <i class="fa fa-terminal" aria-hidden="true"></i>个人学习经历</h2><aside>最后修改 11.27 09:30</aside>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[项目1]网络与新媒体入门</span><aside></aside>
                            <span class="link">
                                <a href="www.iqiyi.com" target="_blank">爱奇艺</a>
                            </span>
                            <time>2019.9</time>
                        </h3>
                        <ul class="info-content"><li><i class="fa fa-github" aria-hidden="true"></i>注册Gitee和Github账号</li>
                            <li>
                          
                               <i class="fa fa-gg" aria-hidden="true"></i>fork下codepen上的项目</li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目2]机考初体验</span>
                            <span class="link">
                                <a href="#" target="_blank">NFU</a>
                            </span>
                            <time>2019.10</time>
                        </h3>
                        <ul class="info-content">
                            期中考试A
                            <li>
                               第一次尝试40分
                            </li>
							<li>第二次尝试70分</li>
							<li>第三次尝试93分</li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目3]第二次机考</span>
                            <span class="link">
                                <a href="#" target="_blank">NFU</a>
                            </span>
                            <time>2019.11</time>
                        </h3>
                        <ul class="info-content">
						期中考试B
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>第一次尝试46.32分
                            </li>
							<li> <i class="fa fa-paper-plane-o" aria-hidden="true"></i>第二次尝试92.67分</li>
                        </ul>
                   
            </section>

            <!-- 自我评价 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-pencil" aria-hidden="true"></i>评价/期望</h2>
                <hr/>
                <p><mark>不忘初心、牢记使命，是党不断开创未来的重要基础。十九大报告指出，“经过长期努力，中国特色社会主义进入了新时代，这是中国发展新的历史方位”。中国特色社会主义进入新时代，中国社会主要矛盾已经转化为人民日益增长的美好生活需要和不平衡不充分的发展之间的矛盾。开展“不忘初心、牢记使命”主题教育，将在新时代的新矛盾新挑战新征程中，把“初心”和“使命”融入到发展的全过程，贯穿到各个环节，覆盖到各个方面，艰苦奋斗、攻坚克难，为实现中华民族伟大复兴的中国梦注入不竭动力。</mark></p>
					<address><i class="fa fa-map-marker" aria-hidden="true"></i> GUANGZHOU,CHINA</address>
            </section>
        </section>
    </article>
	</main>



    <footer class="footer">
        <p>© 何健豪 | <a href="https://www.intel.cn/content/www/cn/zh/privacy/intel-privacy-notice.html">隐私条款</a>
        <div id="datetime">
    <script>
        setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000);
    </script>
</div></p>
    </footer>

    <script src="./assets/js/index.js"></script>
</body>

</html>